<template>
	<view class="content">
		<!-- 轮播图部分 -->
		<swiper class="swiper" indicator-dots autoplay interval="3000" duration="500">
			<swiper-item>
				<image class="swiper-img" src="/static/liantiku.jpg"></image>
			</swiper-item>
			<swiper-item>
				<image class="swiper-img" src="/static/woyaokaoshi.jpg"></image>
			</swiper-item>
			<swiper-item>
				<image class="swiper-img" src="/static/woyaoshangke.jpg"></image>
			</swiper-item>
		</swiper>

		<!-- 五个功能按钮 -->
		<view class="button-grid">
			<view class="button-item" @click="navigateToTraining">
				<image class="button-icon" src="/static/icons/培训介绍.png"></image>
				<text class="button-text">培训介绍</text>
			</view>

			<view class="button-item" @click="navigateTo('woyaobaoming')">
				<image class="button-icon" src="/static/icons/我要报名.png"></image>
				<text class="button-text">我要报名</text>
			</view>

			<view class="button-item" @click="navigateTo('peixunshizi')">
				<image class="button-icon" src="/static/icons/师资培训.png"></image>
				<text class="button-text">师资培训</text>
			</view>

			<view class="button-item" @click="navigateTo('classes')">
				<image class="button-icon" src="/static/icons/我要上课.png"></image>
				<text class="button-text">我要上课</text>
			</view>

			<view class="button-item" @click="navigateTo('more')">
				<image class="button-icon" src="/static/icons/更多.png"></image>
				<text class="button-text">更多</text>
			</view>
		</view>

		<!-- 免费增值税服务模块 -->
		<view class="free-service">
			<image class="service-image" src="/static/展示.jpg" mode="widthFix"></image>
		</view>


		<!-- 教材章节模块 - 改为上下排列 -->
		<view class="materials-container">
			<text class="section-title">课程介绍</text>
			
			<!-- 教材章节展示 - 垂直排列 -->
			<view class="textbook-vertical">
				<!-- 上册 -->
				<view class="textbook-item" id="textbook-upper">
					<view class="textbook-inner">
						<!-- 照片区域 -->
						<view class="textbook-image-container">
							<image class="textbook-image"
								src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250616/1750055144157.jpg">
							</image>
							<view class="textbook-caption">
								<text class="caption-text">网络安全合规解读</text>
								<text class="caption-text">网络营销合规解读</text>
								<text class="caption-text">主播账号封禁解读</text>
							</view>
						</view>

						<!-- 课程列表区域 - 右侧目录 -->
						<view class="textbook-content">
							<text class="textbook-title">上册目录</text>
							<scroll-view scroll-y class="chapter-list">
								<view v-for="(chapter, chapterIndex) in shang" :key="chapterIndex" class="chapter-item"
									@click="openChapterModal(chapter, 'upper')">
									<text class="chapter-index">{{ chapterIndex + 1 }}.</text>
									<text class="chapter-name">{{ chapter.title }}</text>
								</view>
							</scroll-view>
						</view>
					</view>
				</view>

				<!-- 下册 -->
				<view class="textbook-item" id="textbook-lower">
					<view class="textbook-inner">
						<!-- 照片区域 -->
						<view class="textbook-image-container">
							<image class="textbook-image"
								src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250616/1750055134422.jpg">
							</image>
							<view class="textbook-caption">
								<text class="caption-text">网络主播涉税政策解读</text>
								<text class="caption-text">网络主播涉税智能监管</text>
								<text class="caption-text">网络主播涉税违规处罚</text>
							</view>
						</view>

						<!-- 课程列表区域 - 右侧目录 -->
						<view class="textbook-content">
							<text class="textbook-title">下册目录</text>
							<scroll-view scroll-y class="chapter-list">
								<view v-for="(chapter, chapterIndex) in xia" :key="chapterIndex" class="chapter-item"
									@click="openChapterModal(chapter, 'lower')">
									<text class="chapter-index">{{ chapterIndex + 1 }}.</text>
									<text class="chapter-name">{{ chapter.title }}</text>
								</view>
							</scroll-view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 章节弹窗-->
		<uni-popup ref="chapterPopup" type="center" :mask-click="false">
			<view class="popup-content" v-if="selectedChapter" :class="{'popup-upper': popupPosition === 'upper', 'popup-lower': popupPosition === 'lower'}">
				<view class="popup-header">
					<text class="popup-title">{{ selectedChapter.title }}</text>
					<uni-icons type="close" size="24" color="#999" @click="closeModal"></uni-icons>
				</view>

				<scroll-view scroll-y class="popup-body">
					<view v-if="selectedChapter.courses" class="course-list">
						<view v-for="(course, courseIndex) in selectedChapter.courses" :key="courseIndex"
							class="course-item">
							<view class="course-title" @click="openSectionModal(course)">
								<text>{{ course.title }}</text>
							</view>

							<view v-if="selectedSection === course && course.section" class="section-list">
								<view v-for="(item, itemIndex) in course.section" :key="itemIndex" class="section-item">
									<navigator :url="item.link" hover-class="none">
										<text>{{ item.title }}</text>
									</navigator>
								</view>
							</view>
						</view>
					</view>
					<view v-else class="empty-content">
						<text>暂无详细内容</text>
					</view>
				</scroll-view>

				<view class="popup-footer">
					<button class="close-btn" @click="closeModal">关闭</button>
				</view>
			</view>
		</uni-popup>

		<!-- 师资团队模块 -->
		<view class="section-header">
			<text class="section-title">师资团队</text>
			<text class="view-more" @click="peixunshizi">查看更多</text>
		</view>

		<!-- 师资信息展示 -->
		<view class="teacher-list">
			<view v-for="(teacher, index) in teachers" :key="index" class="teacher-card"
				@touchstart="showTeacherInfo(index)" @touchend="hideTeacherInfo"
				:class="{ 'active': activeTeacherIndex == index }">
				<!-- 图片区域 -->
				<view class="teacher-image-container">
					<image :src="teacher.image" mode="aspectFill" class="teacher-image" />
				</view>

				<!-- 悬停时显示的个人信息 -->
				<view class="teacher-hover-info" :style="{ opacity: activeTeacherIndex == index ? 1 : 0 }">
					<text class="hover-info-text">{{ teacher.description1 }}</text>
				</view>

				<!-- 默认显示的个人信息 -->
				<view class="teacher-info">
					<text class="teacher-name">{{ teacher.name }}</text>
					<text class="teacher-title">{{ teacher.title }}</text>
					<view class="expertise-container">
						<view v-for="(item, i) in teacher.expertise" :key="i" class="expertise-item">
							{{ item }}
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
export default {
	data() {
		return {
			teachers: [
				{
					name: "施正文",
					image: "/static/shizhengwen.jpg",
					title: "中国政法大学财税法研究中心主任、教授、博士生导师",
					expertise: ["税收法规", "税务诉讼", "税收政策", "涉税处罚"],
					description:
						"我国著名财税法学家，中国法学会财税法学研究会副会长、中国税务学会学术委员会委员。参与多部涉税法律法规立法起草，主持20多项国家和省部级课题，出版32部专著，发表160余篇学术论文。",
					description1: "简介：施正文，男，我国著名财税法学家，‌中国政法大学财税法研究中心主任、教授，博士生导师。‌ 中国法学会财税法学研究会副会长、中国税务学会学术委员会委员等职务‌。主要研究领域包括财税法、比较税法、经济法、公共财政等。参与了全国人大多部涉税法律法规的立法起草工作；主持和参与“中国税法通则立法基本问题研究”等国家和省部级课题20多项；参与了国家税务总局、财政部、最高人民检察院等部委涉税法规起草咨询工作。并在中国税务出版社等十余家出版社出版发行《企业所得税法新旧条文变化与解读》等32部专著，在《中国税务》《法学研究》《中国法学》等期刊发表160余篇学术论文‌。",
				},
				{
					name: "伊 专",
					image: "/static/yizhuan1.jpg",
					title: "原国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长",
					expertise: ["税收政策", "税务培训", "征管实务", "风险防范"],
					description:
						"著名税务专家，拥有近40年税务工作经验。参与国家重大税收政策改革和金税工程，从事税务教育培训30余年。擅长案例式、访谈式教学，获得多项荣誉奖章，发表40余篇专业文章。",
					description1: "简介：伊专曾任国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长、中国税务学会理事会理事。曾在世界500强央企工作；曾在税务系统的基层分局、省局和总局的税收执法、行政管理和教育培训等部门工作和任职，曾参与总局重大税收政策改革、智能化升级改造；曾参与金税一期、二期、三期的相关工作；曾组织或参与查办税收执法类和行政管理类案件；有丰富的企业管理、税收征管和风险防范的实战经验，曾在省级以上刊物发表40余篇财会类和税收类论文或调研；从事专、兼职职业教育30余年，曾为税务系统、党政机关、企事业单位、社会团体、高校师生和“一带一路”沿线国家政府官员授课。",
				},
			],
			shang: [
				{
					title: "第一章  总  则",
					courses: [
						{
							title: "第一节  网络营销主体",
							section: [
								{ title: "一、网络实名制", link: "/course/3" },
								{ title: "二、主播主体的特殊认证制度", link: "/course/3" },
								{ title: "三、主播的特殊资质验证", link: "/course/3" },
								{ title: "四、主体名称的边界", link: "/course/3" },
								{ title: "五、未成年人限制", link: "/course/3" },
								{ title: "六、营利权限", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 直播主体类型和性质",
							section: [
								{ title: "一、直播间运营者的身份", link: "/course/3" },
								{ title: "二、主体登记的责任", link: "/course/3" },
								{ title: "三、市场主体登记", link: "/course/3" },
								{ title: "四、虚拟经营场所", link: "/course/3" },
								{ title: "五、直播间运营者作为销售者的法律责任", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 网络主播权利与法定义务",
							section: [
								{ title: "一、民事权利", link: "/course/3" },
								{ title: "二、网络主播的法定义务", link: "/course/3" },
								{ title: "三、网络主播法律合规体系", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第四节 网络主播特殊责任承担",
							section: [
								{ title: "一、黑名单制度", link: "/course/3" },
								{ title: "二、封营利权限", link: "/course/3" },
								{ title: "三、取消营利权限", link: "/course/3" },
								{ title: "四、抹除粉丝", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第二章 网络信息内容安全",
					courses: [
						{
							title: "第一节 综述",
							section: [
								{ title: "一、网络信息内容安全的基本规定", link: "/course/3" },
								{ title: "二、违法信息和不良信息的边界《网络信息内容生态治理规定》", link: "/course/3" },
								{ title: "三、不良信息", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 行业规范违法范围《网络主播行为规范》",

							link: "/course/3"
						},
						{
							title: "第三节 网络主播其他违法违规信息",
							section: [
								{ title: "一、不正当竞争信息", link: "/course/3" },
								{ title: "二、违规代言信息", link: "/course/3" },
								{ title: "三、违反网络宗教主体资质信息", link: "/course/3" },
								{ title: "四、网络时政类信息、四种职业垂类信息", link: "/course/3" },
								{ title: "五、杜撰、演绎作品、人工智能、深度合成信息", link: "/course/3" },

							],
							link: "/course/3"
						},
						{
							title: "第四节 网络主播违反网络内容信息安全的责任与处罚",
							section: [
								{ title: "（一）侵权责任", link: "/course/3" },
								{ title: "（二）行政责任", link: "/course/3" },
								{ title: "（三）刑事责任", link: "/course/3" },
								{ title: "（四）账号封禁、清除粉丝、不得推荐、黑名单等", link: "/course/3" },
								{ title: "（五）典型案例评分析", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},

				{
					title: "第三章 网络主播作为广告发布者/经营者的责任",
					courses: [
						{
							title: "第一节 网络主播广告内容底线",
							section: [
								{ title: "一、广告内容规范要求", link: "/course/3" },
								{ title: "二、禁止性内容", link: "/course/3" },

							],
							link: "/course/3"
						},
						{
							title: "第二节 特殊产品的广告规定",
							section: [
								{ title: "一、三品一械广告", link: "/course/3" },
								{ title: "二、医疗广告", link: "/course/3" },
								{ title: "三、婴儿乳制品、饮料和其他食品广告", link: "/course/3" },
								{ title: "四、教育、培训类广告", link: "/course/3" },
								{ title: "五、招商、金融、投资类广告", link: "/course/3" },
								{ title: "六、农药、兽药、饲料类广告", link: "/course/3" },
								{ title: "七、酒类广告", link: "/course/3" },
								{ title: "八、房地产类广告", link: "/course/3" },
								{ title: "九、农林牧渔种苗广告", link: "/course/3" },
								{ title: "十、烟草类", link: "/course/3" },
								{ title: "十一、特殊药品、戒毒产品", link: "/course/3" },
								{ title: "十二、保护未成年人的特殊性规定", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 网络主播广告标记义务", link: "/course/3"
						},
						{
							title: "第四节 网络主播虚假广告的法律责任与处罚",
							section: [
								{ title: "一、停止违法行为", link: "/course/3" },
								{ title: "二、消除影响", link: "/course/3" },
								{ title: "三、没收违法所得及罚款", link: "/course/3" },
								{ title: "四、民事赔偿责任", link: "/course/3" },
								{ title: "五、其他法律责任", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第四章 网络主播营销中特殊商品宣传和审核关键点",
					courses: [
						{
							title: "第一节 食品类资质审核和宣传",
							section: [
								{ title: "一、普通食品", link: "/course/3" },
								{ title: "二、预包装食品", link: "/course/3" },
								{ title: "三、农产品（含动物产品）", link: "/course/3" },
								{ title: "四、保健品", link: "/course/3" },
								{ title: "五、进口食品、特殊营养、新资源食品", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 化妆品资质审核和宣传",
							section: [
								{ title: "一、资质审核流程", link: "/course/3" },
								{ title: "二、可宣传的合法用语类型", link: "/course/3" },
								{ title: "三、新功能化妆品（母婴）", link: "/course/3" },
								{ title: "四、修复类、爽身类、护发类、美白类审核要点", link: "/course/3" },
								{ title: "五、过度展示人体、对比等擦边类", link: "/course/3" },
								{ title: "六、零添加”等误导类宣传", link: "/course/3" },
								{ title: "七、儿童类", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 三品一械类产品审核和宣传",
							section: [
								{ title: "一、药品", link: "/course/3" },
								{ title: "二、保健食品", link: "/course/3" },
								{ title: "三、特殊医学用途配方食品", link: "/course/3" },
								{ title: "四、医疗器械的", link: "/course/3" },
								{ title: "五、处方类药品、医疗方法广告", link: "/course/3" },
							],
							link: "/course/3"
						},
						{ title: "第四节 其他特殊商品或服务的审核和宣传要点", link: "/course/3" },
					],
					link: "/course/3"
				},
				{
					title: "第五章  网络主播探店、种草类短视频合规",
					courses: [
						{
							title: "第一节 网络主播探店、种草类行为的性质分类",
							section: [

								{ title: "一、广告类", link: "/course/3" },
								{ title: "二、分享类", link: "/course/3" },
								{ title: "三、销售类", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 禁止性规定",
							section: [
								{ title: "一、虚假宣传未到店宣传、搬运宣传", link: "/course/3" },
								{ title: "二、未到店宣传、搬运宣传", link: "/course/3" },
								{ title: "三、非景区种草（保护区、未开放、工地、危险地带等）", link: "/course/3" },
								{ title: "四、危险行为种草（危险驾驶、攀爬建筑）", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 网络主播种草规则",
							section: [
								{ title: "一、自由种草", link: "/course/3" },
								{ title: "二、合约种草", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第四节 网络主播违法违约责任与处罚",
							section: [
								{ title: "一、下架视频", link: "/course/3" },
								{ title: "二、罚款", link: "/course/3" },
								{ title: "三、封营利权限与禁言、取消营利权限、无期限禁言", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第六章 网络主播签署合同注意事项",
					courses: [
						{
							title: "第一节 网络主播与MCN机构签署经纪合同的要点",
							section: [
								{ title: "一、账号所有权、使用权归属", link: "/course/3" },
								{ title: "二、分成、佣金、查账、支付期限的约定", link: "/course/3" },
								{ title: "三、选品、档期和直播权限约定", link: "/course/3" },
								{ title: "四、商事人格权约定", link: "/course/3" },
								{ title: "五、法定解除和约定解除", link: "/course/3" },
								{ title: "六、违约责任", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 网络主播与供应链签合同",
							section: [
								{ title: "一、商品和服务资质审核、备案要点", link: "/course/3" },
								{ title: "二、产品责任、售后责任约定", link: "/course/3" },
								{ title: "三、物流风险约定", link: "/course/3" },
								{ title: "四、期间最低价、最惠待遇约定", link: "/course/3" },
								{ title: "五、切片处分", link: "/course/3" },
								{ title: "六、违约责任和纠纷解决机构约定", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 网络主播与助播、助力和工作人员合同",
							section: [
								{ title: "一、劳动合同", link: "/course/3" },
								{ title: "二、劳务合同", link: "/course/3" },
								{ title: "三、保密协议", link: "/course/3" },
								{ title: "四、竞业禁止", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第四节 种草协议、代言协议",
							section: [
								{ title: "一、广告代言人的认定标准", link: "/course/3" },
								{ title: "二、产品和服务尽调审核流程", link: "/course/3" },
								{ title: "三、代言责任承担与处罚", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第七章 网络主播人格权利保护",
					courses: [
						{ title: "第一节 一般人格权", link: "/course/3" },
						{ title: "第二节 肖像权与声音权", link: "/course/3" },
						{ title: "第三节 隐私权与个人信息", link: "/course/3" },
						{ title: "第四节 名誉权、商誉权和荣誉权", link: "/course/3" },
						{ title: "第五节 姓名权与名称权", link: "/course/3" },
						{ title: "第六节 知识产权保护", link: "/course/3" },
					],
					link: "/course/3"
				},
				{
					title: "第八章  网络主播人工智能与深度合成合法使用边界",
					courses: [
						{
							title: "第一节 网络主播使用人工智能法律边界和伦理责任",
							section: [
								{ title: "一、网络主播使用人工智能技术的法律边界", link: "/course/3" },
								{ title: "二、网络主播利用人工智能（AI）技术的禁止性行为", link: "/course/3" },
								{ title: "三、网络主播使用人工智能技术的伦理责任", link: "/course/3" },
								{ title: "四、总结", link: "/course/3" },
							], link: "/course/3"
						},
						{
							title: "第二节 网络主播使用人工智能生成内容的标记责任",
							section: [
								{ title: "一、法律框架下的强制标识义务", link: "/course/3" },
								{ title: "二、主播的具体标记义务", link: "/course/3" },
								{ title: "三、主播的标记责任与操作规范", link: "/course/3" },
								{ title: "四、未履行标记责任的法律风险", link: "/course/3" },
							], link: "/course/3"
						},
						{
							title: "第三节 网络主播主播使用深度合成服务的边界和责任",
							section: [
								{ title: "一、网络主播使用深度合成服务的法律边界", link: "/course/3" },
								{ title: "二、网络主播使用深度合成服务的伦理责任", link: "/course/3" },
							], link: "/course/3"
						},
						{
							title: "第四节 网络主播违反人工智能合成相关规定处罚标准",
							section: [
								{ title: "一、民事责任", link: "/course/3" },
								{ title: "二、行政责任", link: "/course/3" },
								{ title: "三、刑事责任风险", link: "/course/3" },
							], link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第九章  网络主播维权途径",
					courses: [
						{
							title: "第一节 主播维权途径选择",
							section: [
								{ title: "一、权利类型与维权渠道", link: "/course/3" },
								{ title: "二、各渠道效果比较", link: "/course/3" },
								{ title: "三、维权效果分析", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 网络主播被侵害人格权益的维权措施",
							section: [
								{ title: "一、通知删除（避风港规则）", link: "/course/3" },
								{ title: "二、向平台举报、向违法和不良信息举报中心举报和向法院诉讼", link: "/course/3" },
								{ title: "三、向法院提起诉讼（仲裁机构仲裁）", link: "/course/3" },
								{ title: "四、起诉与证据", link: "/course/3" },
							],
							link: "/course/3"
						},

						{
							title: "第三节 网络主播二选一的维权措施",
							link: "/course/3"
						},
						{
							title: "第四节 网络主播人格权禁令与知识产权禁令制度",
							section: [
								{ title: "一、行为保全（禁令）的类型", link: "/course/3" },
								{ title: "二、什么情况下可以申请禁令", link: "/course/3" },
								{ title: "三、该如何申请保全", link: "/course/3" },
								{ title: "四、行为保全和财产保全有什么区别", link: "/course/3" },
							], link: "/course/3"
						},
						{
							title: "第五节 网络主播行为保全与财产保全措施",
							section: [
								{ title: "一、刑事案件立案的标准", link: "/course/3" },
								{ title: "二、立案材料", link: "/course/3" },
								{ title: "三、刑事立案程序", link: "/course/3" },
							], link: "/course/3"
						},
					],
					link: "/course/3"
				},
			],
			xia: [
				{
					title: "第一章 网络直播行业与网络主播税务合规概述",
					courses: [
						{ title: "第一节 网络直播的基本概念与发展现状", link: "/course/3" },
						{ title: "第二节 网络直播的商业模式与组织架构", link: "/course/3" },
						{ title: "第三节 网络主播的税收基本知识 ", link: "/course/3" },
						{ title: "第四节 网络直播税收治理与网络主播合规要求", link: "/course/3" },

					],
					link: "/course/3"
				},
				{
					title: "第二章 网络主播从业的基本法律关系",
					courses: [
						{ title: "第一节网络主播从业方式", link: "/course/3" },
						{ title: "第二节 网络主播的组织形态", link: "/course/3" },
						{ title: "第三节 网络主播的收入类型", link: "/course/3" },
						{ title: "第四节 网络主播从业的基础法律关系", link: "/course/3" },
						{ title: "第五节 网络主播从业的税收法律关系", link: "/course/3" },

					],
					link: "/course/3"
				},
				{
					title: "第三章 网络主播的纳税义务",
					courses: [
						{
							title: "第一节 网络主播经营主体基本模式",
							section: [
								{ title: "一、网络主播类型", link: "/course/3" },
								{ title: "（一）娱乐主播：游戏、才艺、秀场、影视、短视频等", link: "/course/3" },
								{ title: "（二）知识主播：基础学科、人文社科、时政评论等", link: "/course/3" },
								{ title: "（三）电商主播：带货营销、广告宣传等", link: "/course/3" },
								{ title: "（四）技能主播：编程、设计、摄影、厨技、农技等", link: "/course/3" },
								{ title: "（五）生活主播：美食、美妆、户外、旅行、健身等", link: "/course/3" },
								{ title: "（六）其他主播：随着网络直播行业的不断发展，网络主播类型也在不断创新和细分", link: "/course/3" },
								{ title: "二、网络主播经营主体运行模式", link: "/course/3" },
								{ title: "（一）网络主播个人与平台、组织或单位签约模式", link: "/course/3" },
								{ title: "1.网络主播个人与直播平台签约合作模式", link: "/course/3" },
								{ title: "2.网络主播个人与电商签约合作模式", link: "/course/3" },
								{ title: "3.网络主播个人与经纪公司或组织签约合作模式", link: "/course/3" },
								{ title: "4.网络主播个人与单位签约模式", link: "/course/3" },
								{ title: "（二）网络主播个人或自建工作室注册公司模式", link: "/course/3" },
								{ title: "1.网络主播个人或工作室注册个体工商户模式", link: "/course/3" },
								{ title: "2.网络主播个人或工作室注册独资企业模式", link: "/course/3" },
								{ title: "3.网络主播个人或工作室注册合伙企业模式", link: "/course/3" },
								{ title: "4.网络主播个人或工作室注册有限责任公司模式", link: "/course/3" },
								{ title: "三、网络主播收入模式​", link: "/course/3" },
								{ title: "（一）基本薪金", link: "/course/3" },
								{ title: "（二）佣金收入（销售提成）", link: "/course/3" },
								{ title: "（三）打赏收入", link: "/course/3" },
								{ title: "（四）坑位费", link: "/course/3" },
								{ title: "（四）坑位费", link: "/course/3" },
								{ title: "（六）品牌合作​", link: "/course/3" },
								{ title: "（七）广告收入", link: "/course/3" },

								{ title: "（八）付费会员或付费内容收入", link: "/course/3" },
								{ title: "（九）活动出场费", link: "/course/3" },
								{ title: "（十）版权收入", link: "/course/3" },
								{ title: "（十一）衍生产品收入", link: "/course/3" },
								{ title: "（十二）平台奖励", link: "/course/3" },
								{ title: "（十三）其他收入​", link: "/course/3" },
								{ title: "四、网络主播涉及的税种", link: "/course/3" },
								{ title: "（一）我国现行的种税情况", link: "/course/3" },
								{ title: "（二）网络主播涉及的主要税种", link: "/course/3" },
								{ title: "（三）网络主播应区分的涉税主体概念", link: "/course/3" },
								{ title: "1.个人（自然人）", link: "/course/3" },
								{ title: "2.个体工商户​", link: "/course/3" },
								{ title: "3.独资企业", link: "/course/3" },
								{ title: "4.合伙企业", link: "/course/3" },
								{ title: "5.小微企业", link: "/course/3" },
								{ title: "6.小规模纳税人​", link: "/course/3" },
								{ title: "7.一般纳税人", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 网络主播经营模式与纳税规定",
							section: [
								{ title: "一、网络主播个人与直播平台、电商平台、经纪公司组织、单位签约模式的纳税规定", link: "/course/3" },
								{ title: "（一）网络主播签约劳动关系的纳税规定", link: "/course/3" },
								{ title: "1.应纳个人所得税的规定", link: "/course/3" },
								{ title: "（1）个人所得税概述", link: "/course/3" },
								{ title: "（2）哪些人应依法缴纳个人所得税", link: "/course/3" },
								{ title: "（3）哪些收入应该缴纳个人所得税", link: "/course/3" },
								{ title: "（4）起征点的规定", link: "/course/3" },
								{ title: "（5）不同收入性质适用不同税率", link: "/course/3" },
								{ title: "（6）专项扣除项目", link: "/course/3" },
								{ title: "（7）税收优惠政策", link: "/course/3" },
								{ title: "（8）如何计算应缴个人所得税", link: "/course/3" },
								{ title: "（9）个人所得税的征收管理", link: "/course/3" },
								{ title: "①纳税申报", link: "/course/3" },
								{ title: "②税款缴纳 ", link: "/course/3" },
								{ title: "③代扣代缴的规定", link: "/course/3" },
								{ title: "④违反税收法律的相关法律责任", link: "/course/3" },
								{ title: "2.其他应纳税费的规定", link: "/course/3" },
								{ title: "（1）车船税", link: "/course/3" },
								{ title: "①车船税概述", link: "/course/3" },
								{ title: "②哪些网络主播需要缴纳车船税", link: "/course/3" },
								{ title: "③哪些车辆、船舶需要缴纳车船税", link: "/course/3" },
								{ title: "③哪些车辆、船舶需要缴纳车船税", link: "/course/3" },
								{ title: "⑤不同车辆、船舶适用不同税率", link: "/course/3" },
								{ title: "⑥如何计算车船税应纳税额", link: "/course/3" },
								{ title: "⑦车船税的征收管理", link: "/course/3" },
								{ title: "（2）房产税 ", link: "/course/3" },
								{ title: "①房产税概述 ", link: "/course/3" },
								{ title: "②哪些网络主播需要缴纳房产税", link: "/course/3" },
								{ title: "③哪些房屋需要缴纳房产税", link: "/course/3" },
								{ title: "④税收优惠政策", link: "/course/3" },
								{ title: "⑤房产税适用税率", link: "/course/3" },
								{ title: "⑥如何计算房产税应纳税额", link: "/course/3" },
								{ title: "⑦房产税的征收管理", link: "/course/3" },
								{ title: "（3）印花税", link: "/course/3" },
								{ title: "①印花税概述", link: "/course/3" },
								{ title: "②哪些网络主播需要缴纳印花税", link: "/course/3" },
								{ title: "③哪些行为需要缴纳印花税", link: "/course/3" },
								{ title: "④税收优惠政策", link: "/course/3" },
								{ title: "⑤印花税适用税率", link: "/course/3" },
								{ title: "⑥如何计算印花税应纳税额", link: "/course/3" },
								{ title: "⑦印花税的征收管理", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第四章 网络主播涉税常见问题及合规要求（根据《检查指引要求》编写）",
					courses: [
						{ title: "第一节 个人账户收款问题", link: "/course/3" },
						{ title: "第二节 虚列成本问题", link: "/course/3" },
						{ title: "第三节 隐匿收入问题", link: "/course/3" },
						{ title: "第四节 转换收入性质问题", link: "/course/3" },
						{ title: "第五节 签订“阴阳合同”问题", link: "/course/3" },
						{ title: "第六节 代扣代缴税款问题", link: "/course/3" },
						{ title: "第七节 “四流”不一致问题", link: "/course/3" },
						{ title: "第八节 虚假发票问题", link: "/course/3" },
						{ title: "第九节 利用 “税收洼地” 避税问题", link: "/course/3" },
						{ title: "第十节 滥用小型微利企业税收优惠政策问题", link: "/course/3" },
					],
					link: "/course/3"
				},
				{
					title: "第五章 网络主播的智能税务监管手段",
					courses: [
						{
							title: "第一节 国家对互联网行业及相关服务业的智能监管",
							section: [
								{ title: "一、智能税务监管方法", link: "/course/3" },
								{ title: "二、智能税务监管要点", link: "/course/3" },
								{ title: "三、互联网企业应对智能税务监管的主要方法", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 国家对网络主播智能税务监管",
							section: [
								{ title: "一、智能税务监管方法", link: "/course/3" },
								{ title: "二、智能税务监管要点", link: "/course/3" },
								{ title: "三、网络主播及其经纪公司应对智能税务监管的主要方法", link: "/course/3" },
							],
							link: "/course/3"
						},
					],
					link: "/course/3"
				},
				{
					title: "第六章 网络主播的涉税法律责任与争议解决机制",
					courses: [
						{
							title: "第一节 网络主播的法律责任",
							section: [
								{ title: "一、税务行政处理", link: "/course/3" },
								{ title: "二、税务行政处罚", link: "/course/3" },
								{ title: "三、税务刑事处罚", link: "/course/3" },
								{ title: "四、账号封禁", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节 网络主播涉税违法典型案例分析",
							section: [
								{ title: "一、隐匿收入偷税案分析", link: "/course/3" },
								{ title: "二、虚构业务转换收入性质偷税案分析", link: "/course/3" },
								{ title: "三、分拆收入偷税案分析", link: "/course/3" },
								{ title: "四、拒不申报偷税案分析", link: "/course/3" },
								{ title: "五、直播活动无偿赠送未视作销售偷税案分析", link: "/course/3" },
								{ title: "六、接受虚开发票案分析", link: "/course/3" },
								{ title: "七、直播平台为他人虚开增值税专用发票案分析", link: "/course/3" },
								{ title: "八、未履行扣缴税款案分析", link: "/course/3" },
								{ title: "九、经纪公司未履行代缴代扣税款案分析", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第三节 网络主播涉税争议解决机制",
							section: [
								{ title: "一、税务稽查应对", link: "/course/3" },
								{ title: "二、税务听证", link: "/course/3" },
								{ title: "三、税务行政复议", link: "/course/3" },
								{ title: "四、税务行政诉讼", link: "/course/3" },
							],
							link: "/course/3"
						},

					],
					link: "/course/3"
				},
				{
					title: "第七章 网络主播合规节税与税务成本规划",
					courses: [
						{ title: "第一节 网络主播税务成本规划的基本理念", link: "/course/3" },
						{ title: "第二节 网络主播税收优惠的主要类型", link: "/course/3" },
						{ title: "第三节 网络主播依法节税的主要方式", link: "/course/3" },
						{ title: "第四节 网络主播税务成本的风险控制", link: "/course/3" },
					],
					link: "/course/3"
				},
				{
					title: "第八章 人工智能在直播行业税务风险防范中的实操应用",
					courses: [
						{
							title: "第一节 直播行业税务监管环境概述	",
							section: [
								{ title: "一、“智慧税务”背景与政策概览", link: "/course/3" },
								{ title: "二、税务数字监管的技术路径与风险识别机制", link: "/course/3" },
								{ title: "三、直播行业涉税重点监管领域", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第二节  MCN机构税务合规管理实践",
							section: [
								{ title: "一、主播签约模式与税务处理	", link: "/course/3" },
								{ title: "（一）员工雇佣模式", link: "/course/3" },
								{ title: "（二）独立个人（自由职业者）模式	", link: "/course/3" },
								{ title: "（三）成立工作室/个人独资企业模式	", link: "/course/3" },
								{ title: "（四）经纪代理模式	", link: "/course/3" },
								{ title: "二、主播收入结算与个人所得税代扣代缴", link: "/course/3" },
								{ title: "（一）收入结算流程	", link: "/course/3" },
								{ title: "（二）个税代扣代缴计算	", link: "/course/3" },
								{ title: "（三）扣缴申报与资料留存	", link: "/course/3" },
								{ title: "（四）合规风险防范	", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第三节  AI+税务风控工具在MCN中的应用",
							section: [
								{ title: "一、 AI赋能税务风险管理概述", link: "/course/3" },
								{ title: "二、中税师/罗格科技税务风控服务平台	", link: "/course/3" },
								{ title: "三、中税师/罗拉税务AI大模型与智能咨询", link: "/course/3" },
							],
							link: "/course/3"
						},
						{
							title: "第四节 总结与展望", link: "/course/3"
						},
					],
					link: "/course/3"
				},
			],
			activeTeacherIndex: null,
			selectedChapter: null,
			selectedSection: null,
			popupPosition: '' // 记录弹窗应该覆盖的教材位置（upper或lower）
		}
	},
	methods: {
		navigateTo(page) {
			// 通用跳转方法
			uni.navigateTo({
				url: `/pages/${page}/index`
			});
			console.log('跳转到:', page);
		},
		navigateToTraining() {
			// 专门处理培训介绍跳转
			uni.navigateTo({
				url: '/pages/peixunjieshao/index'
			});
		},
		woyaobaoming() {
			// 专门处理我要报名跳转
			uni.navigateTo({
				url: '/pages/woyaobaoming/index'
			});
		},
		peixunshizi() {
			// 专门处理师资培训跳转
			uni.navigateTo({
				url: '/pages/peixunshizi/index'
			});
		},
		showTeacherInfo(index) {
			this.activeTeacherIndex = index;
		},
		hideTeacherInfo() {
			// 可以添加延迟隐藏，让用户有时间阅读信息
			setTimeout(() => {
				this.activeTeacherIndex = null;
			}, 3000);
		},
		openChapterModal(chapter, position) {
			this.selectedChapter = chapter;
			this.selectedSection = null;
			this.popupPosition = position; // 记录弹窗位置
			this.$refs.chapterPopup.open();
			
			// 根据位置调整弹窗显示位置
			setTimeout(() => {
				const popup = document.querySelector('.uni-popup__content');
				if (popup && this.popupPosition === 'upper') {
					const textbook = document.getElementById('textbook-upper');
					if (textbook) {
						const rect = textbook.getBoundingClientRect();
						popup.style.top = `${rect.top}px`;
						popup.style.height = `${rect.height}px`;
					}
				} else if (popup && this.popupPosition === 'lower') {
					const textbook = document.getElementById('textbook-lower');
					if (textbook) {
						const rect = textbook.getBoundingClientRect();
						popup.style.top = `${rect.top}px`;
						popup.style.height = `${rect.height}px`;
					}
				}
			}, 100);
		},
		openSectionModal(section) {
			// 切换章节展开/折叠状态
			this.selectedSection = this.selectedSection === section ? null : section;
		},
		closeModal() {
			this.$refs.chapterPopup.close();
			this.selectedChapter = null;
			this.selectedSection = null;
			this.popupPosition = '';
		}
	}
}
</script>

<style>
/* 新增样式 */
.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
	padding: 0 20rpx;
}

.view-more {
	font-size: 28rpx;
	color: #686868;
	text-decoration: none;
}

.content {
	display: flex;
	flex-direction: column;
}

/* 轮播图样式 */
.swiper {
	width: 100%;
	height: 230rpx;
	background-color: #f5f5f5;
}

.swiper-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 按钮网格布局 */
.button-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 20rpx;
	background-color: #fff;
	margin-top: 20rpx;
}

.button-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	margin: 15rpx 0;
}

.button-icon {
	width: 80rpx;
	height: 80rpx;
	margin-bottom: 10rpx;
}

.button-text {
	font-size: 24rpx;
	color: #333;
}

/* 师资团队容器 */
.teacher-container {
	padding: 20rpx;
	margin-top: 40rpx;
}

.section-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
	display: block;
}

/* 教师列表 */
.teacher-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20rpx;
}

/* 教师卡片 */
.teacher-card {
	width: 48%;
	background-color: 48%;
	background-color: #fff;
	border-radius: 16rpx;
	overflow: hidden;
	margin-bottom: 30rpx;
	box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
	position: relative;
}

/* 教师图片 */
.teacher-image-container {
	width: 100%;
	height: 300rpx;
	position: relative;
}

.teacher-image {
	width: 100%;
	height: 100%;
}

/* 悬停信息 */
.teacher-hover-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 122, 255, 0.85);
	color: #fff;
	padding: 20rpx;
	display: flex;
	align-items: flex-start;
	transition: opacity 0.3s ease;
	opacity: 0;
	z-index: 2;
	overflow-y: auto;
}

.hover-info-text {
	font-size: 26rpx;
	line-height: 1.6;
}

/* 教师信息 */
.teacher-info {
	padding: 20rpx;
}

.teacher-name {
	font-size: 32rpx;
	font-weight: bold;
	display: block;
	margin-bottom: 10rpx;
}

.teacher-title {
	font-size: 26rpx;
	color: #007AFF;
	display: block;
	margin-bottom: 20rpx;
}

/* 专长标签 */
.expertise-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.expertise-item {
	width: 48%;
	background-color: rgba(0, 122, 255, 0.1);
	color: #007AFF;
	border-radius: 50rpx;
	padding: 8rpx 0;
	font-size: 22rpx;
	text-align: center;
	margin-bottom: 10rpx;
	box-sizing: border-box;
}

/* 免费增值税服务样式 */
.free-service {
	margin: 20rpx 0;
	padding: 0 20rpx;
	background-color: #fff;
}

.service-image {
	width: 100%;
	border-radius: 10rpx;
}

/* 教材容器 */
.materials-container {
	padding: 20rpx;
	margin-top: 20rpx;
	background-color: #fff;
}

/* 教材垂直排列 */
.textbook-vertical {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
}

/* 每个教材项 */
.textbook-item {
	width: 100%;
	background-color: #f9f9f9;
	border-radius: 16rpx;
	overflow: hidden;
	box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

/* 教材内部布局 - 图片在左，目录在右 */
.textbook-inner {
	display: flex;
	flex-direction: row;
}

/* 图片区域 */
.textbook-image-container {
	width: 35%;
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.textbook-image {
	width: 100%;
	height: 400rpx;
	border-radius: 8rpx;
	object-fit: cover;
}

/* 图片下方文字 */
.textbook-caption {
	margin-top: 15rpx;
	text-align: center;
	width: 100%;
}

.caption-text {
	display: block;
	font-size: 26rpx;
	color: #e74c3c;
	margin: 8rpx 0;
	line-height: 1.4;
}

/* 右侧目录区域 */
.textbook-content {
	width: 65%;
	padding: 20rpx;
	box-sizing: border-box;
}

.textbook-title {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 20rpx;
	padding-bottom: 10rpx;
	border-bottom: 1rpx solid #f0f0f0;
	display: block;
}

.chapter-list {
	max-height: 500rpx;
}

.chapter-item {
	display: flex;
	align-items: center;
	padding: 16rpx 0;
	border-bottom: 1rpx solid #f5f5f5;
	cursor: pointer;
}

.chapter-index {
	font-size: 26rpx;
	color: #999;
	margin-right: 10rpx;
	min-width: 40rpx;
}

.chapter-name {
	font-size: 26rpx;
	color: #333;
	flex: 1;
}

/* 弹窗样式 - 覆盖在对应教材上方 */
.uni-popup__content {
	position: fixed !important;
}

.popup-content {
	width: 90%;
	max-height: 70vh;
	background-color: #fff;
	border-radius: 16rpx;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	z-index: 999;
}

/* 上册弹窗位置 */
.popup-upper {
	top: 350rpx !important; /* 调整到上册内容上方 */
}

/* 下册弹窗位置 */
.popup-lower {
	top: 950rpx !important; /* 调整到下册内容上方 */
}

.popup-header {
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1rpx solid #f0f0f0;
}

.popup-title {
	font-size: 34rpx;
	font-weight: bold;
	color: #333;
}

.popup-body {
	flex: 1;
	padding: 0 30rpx;
}

.course-list {
	padding: 20rpx 0;
}

.course-item {
	margin-bottom: 20rpx;
	border-bottom: 1rpx solid #f5f5f5;
	padding-bottom: 20rpx;
}

.course-title {
	font-size: 28rpx;
	font-weight: 500;
	color: #333;
	margin-bottom: 10rpx;
	padding: 10rpx 0;
	cursor: pointer;
}

.section-list {
	margin-left: 40rpx;
}

.section-item {
	padding: 12rpx 0;
}

.section-item text {
	font-size: 24rpx;
	color: #666;
}

.empty-content {
	padding: 40rpx 0;
	text-align: center;
	color: #999;
}

.popup-footer {
	padding: 20rpx;
	border-top: 1rpx solid #f0f0f0;
	display: flex;
	justify-content: flex-end;
}

.close-btn {
	background-color: #e74c3c;
	color: #fff;
	border: none;
	border-radius: 8rpx;
	padding: 0 40rpx;
	height: 70rpx;
	line-height: 70rpx;
	font-size: 28rpx;
}

/* 全局样式 */
page {
  background-color: #f5f5f5;
}
</style>